﻿
/*** user login **/
#main #leftcontainer
{
	margin-bottom: 20px;
}
#main #leftcontainer #userloginbox h3
{
	background: url(images/gray_middle.gif) repeat-x left top;
	height: 28px;
}
#main #leftcontainer #userloginbox h3 em
{
	font-style: normal;
	font-size: 12px;
	color: #484848;
	font-weight: bold;
	margin: 5px;
	display: inline-block;
}
h3 .gray_tl
{
	background: url(images/entlib_bg.gif) no-repeat left top;
	float: left;
	height: 28px;
	width: 4px;
}
h3 .gray_tr
{
	background: url(images/entlib_bg.gif) repeat-x -4px top;
	float: right;
	height: 28px;
	width: 4px;
}
#userloginbox #userloginform
{
	padding-top: 20px;
}
#userloginbox #userloginform .labeltext
{
	width: 180px;
	text-align: right;
	float: left;
	clear: left;
	margin-right: 5px;
	padding: 3px;
}
#userloginbox #userloginform #errormsg
{
	color: Red;
	text-align: left;
	padding: 5px 5px 5px 25px;
}
#userloginbox #userloginform .loginbutton
{
	padding: 10px 5px;
	text-align: center;
}
#userloginbox #userloginform ul li
{
	padding: 3px;
}
#userloginbox #userloginform
{
	border: solid 1px #ccc;
	border-top: none;
}
#leftcontainer
{
	width: 60%;
	float: left;
}

#leftcontainer #userloginimg, #rightcontainer #userloginhelp
{
	margin: 20px 5px;
}

#rightcontainer
{
	width: 35%;
	float: right;
}
#rightcontainer #userlogin-register
{
	padding: 3px;
}
/*******  shopping cart ************/
.bluetitle
{
}
.bluetitle h2
{
	line-height: 28px;
	background: url(images/blue_bg_right.gif) #aacded no-repeat right top;
	height: 28px;
	font-size: 14px;
	padding: 0px;
	margin: 0px;	
}
.bluetitle h2 strong
{
	padding: 0px 20px;
	display: block;
	background: url(images/blue_bg_left.gif) no-repeat left top;
	height: 28px;
}
.bluebody
{
	border-left: #aacded 3px solid;
	border-right: #aacded 3px solid;
	padding: 15px;
}
.round
{
	background: url(images/blue_bottom.gif) repeat-x 0px top;
	height: 10px;
}
.lround
{
	width: 10px;
	background: url(images/blue_left_corner.gif) no-repeat left top;
	float: left;
	height: 10px;
}
.rround
{
	width: 10px;
	background: url(images/blue_right_corner.gif) no-repeat right top;
	float: right;
	height: 10px;
}
#panelNullShoppingCart
{
	margin: 30px 0px;
	padding: 10px;
	border: dotted 1px #ccc;
	text-align: center;
}
#promotioncodebox
{
	width: 400px;
	margin-top: 10px;
}
#promotioncodebody
{
	border: dotted 1px #ccc;
	padding: 5px;
}
#promotioncodebox a span.collapse
{
	width: 200px;
	background: #F5F5F5 url(/images/common/collapse_blue.jpg) no-repeat 180px center;
	padding: 5px;
	display: block;
	border: solid 1px #ccc;
	border-bottom: none;
}

#promotioncodebox a span.expand
{
	width: 200px;
	background: #F5F5F5 url(/images/common/expand_blue.jpg) no-repeat 180px center;
	padding: 5px;
	display: block;
	border: solid 1px #ccc;
}

#remainbox #shoppingcart-img
{
	padding: 10px 3px;
}

#remainbox #errhandler-img
{
	float: left;
	padding: 10px;
}
#remainbox #errhandler-body
{
	border: solid 1px #ccc;
	float: left;
	height: 200px;
}
#remainbox #errhandler-body h3
{
	background: #F5F5F5 url(/Images/Common/msg_error.gif) no-repeat 1px center;
	padding: 3px 20px;
}
#remainbox #errhandler-body #precheck-msg
{
	padding: 10px;
}
ul#shoppingcart_button li
{
	float: left;
	line-height: 38px;
	margin: 10px;
	font-size: 14px;
}
li.addtowishlist
{
	background: url(/images/cart/cart_wishlist.jpg) no-repeat 0 9px;
	padding-left: 20px;
}
li.emptycart
{
	background: url(/images/cart/cart_empty.jpg) no-repeat 0 9px;
	padding-left: 20px;
}
li.refreshcart
{
	background: url(/images/cart/cart_refresh.gif) no-repeat 0 9px;
	padding-left: 20px;
}
#shoppingcartbox .checkout_continue
{
	float: right;
	text-align: right;
}
#continueshopping
{
	display: inline-block;
	margin: 0px 30px;
}
/**  check out **/
.checkout h3
{
	color: #666; /* #ff6633; */
	font-weight: bold;
	padding: 3px;
	margin-top: 3px;
	margin-bottom: 3px;
}

#delivery-box
{
	position: relative;
}

#delivery-box #table-personinfo
{
	border: solid 1px #ccc;
	padding: 10px;
	width: 100%;
}
#delivery-box #table-personinfo td
{
	padding: 5px;
}
#delivery-box #address-wrong
{
	position: absolute;
	top: 3px;
	right: 5px;
	background: url(/Images/writetous.gif) no-repeat 1px center;
	padding-left: 20px;
}
#backtocart
{
	background: url(/images/soprocess/icon_cart1.gif) no-repeat left top;
	padding-left: 25px;
}
#main .submitorder
{
	background: url(/images/soprocess/submitorder.jpg) no-repeat left top;
	width: 160px;
	height: 53px;
	border: none;
}
#summary-box
{
	padding: 5px;
	margin-top: 10px;
}

#summary-box #additionalinfo
{
	float: left;
	width: 450px;
}

#summary-box #orderinfo
{
	float: right;
	width: 200px;
	text-align: right;
}
#summary-box #orderinfo ul li
{
	padding: 2px;
}
#summary-box #orderinfo span
{
	width: 100px;
	text-align: right;
	display: inline-block;
}

#main .completeorder h3
{
	background: url(/Images/Common/msg_ok_big.gif) no-repeat 1px center;
	font-size: 20px;
	font-weight: bold;
	line-height: 80px;
	padding-left: 80px;
	font-family: "微软雅黑", "宋体", Verdana;
}

#main .completeorder
{
	border: solid 1px #ccc;
	padding: 5px;
	margin-bottom: 20px;
}
.completeorder label
{
	width: 100px;
	display: inline-block;
	font-weight: bold;
}

/** order detail **/

#orderdetail h3
{
	padding: 5px;
	background-color: #F5F5F5;
	border-bottom: solid 1px #ccc;
	font-weight: bold;
}
#orderdetail ul li
{
	padding: 3px;
}
#orderdetail #ordercreator
{
	float: left;
	width: 450px;
	border: solid 1px #ccc;
	margin: 5px 0;
	height: 175px;
}
#orderdetail #orderreceiver
{
	float: right;
	width: 450px;
	border: solid 1px #ccc;
	margin: 5px 0;
	height: 175px;
}
#orderdetail #orderinfo span
{
	width: 100px;
	text-align: right;
	display: inline-block;
}
#orderdetail #paytypeandshiptype,
#orderdetail #usernote
{
	margin-bottom: 10px;
}
#orderdetail #itemlist
{
	padding: 5px;
}
#orderdetail #summary-box #additionalinfo
{
	float: left;
}
#orderdetail #summary-box #orderinfo
{
	width: 300px;
}